<template>
  <div class="content-box">
    <span class="iconfont icon-gouwuche"></span>
    <p class="title">购物车还是空的</p>
    <p class="text1" @click="toGoods">随便看看</p>
    <p class="text2">- 猜你喜欢 -</p>
    <LookLook/>
  </div>
</template>
<script>
import LookLook from "./LookLook.vue";
export default {
  name: "Contents",
  props: {},
  data() {
    return {
      //  msg:"购物车还是空的",
    };
  },
  components: {
    LookLook,
  },
  methods: {
    toGoods() {
      this.$router.push("/Home");
    },
  },
};
</script>

<style scoped>
.content-box {
  width: 100%;
  min-height: 1.4rem;
  background-color: #f7f7f7;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 0.45rem;
}

.content-box .iconfont {
  font-size: 0.5rem;
  color: #dedede;
  margin-top: 0.3rem;
}

.title {
  margin-top: 0.3rem;
  color: #9a9a9a;
}
.text1 {
  width: 1rem;
  height: 0.3rem;
  border-radius: 0.2rem;
  border: 1px solid #9a9a9a;
  line-height: 0.3rem;
  text-align: center;
  padding: 0.03rem 0.05rem;
  margin-top: 0.3rem;
  color: #9a9a9a;
}
.text2 {
  margin-top: 0.3rem;
  font-size: 0.18rem;
  font-weight: 700;
  margin-bottom: 0.1rem;
}
/* .goodsList-box {
  width: 100%;
  height: 100%;
  background-color: #f7f7f7;
  display: flex;
 
  flex-wrap: wrap;
  
}
.goodsList-box .goods {
  width: 1.7rem;
  height: 2.6rem;
  background-color: white;
   border-radius: .1rem;
   margin-left: .12rem;
   margin-bottom: .12rem;
}
.goodsList-box .goods img{
  width: 1.7rem;
  height: 1.6rem;
}

.goods div{
  display: flex;
  justify-content:space-between ;
  margin-top: .1rem;
}
.goods p{
  font-size: .14rem;
  font-weight: 700;
  margin-left:.12rem ;
  margin-right: .12rem;
  margin-top:.1rem;
}
.goods  .price{
  color: #df6048;
  font-size: .16rem;
  font-weight: 500;
   line-height: .27rem;
   margin-top:0;
 
} 
.goods span{
  border: 1px solid lightgray;
  border-radius: .1rem;
  padding: 0 .1rem;
  font-size: .1rem;
  color: lightgray;
  margin-right: .1rem;
  line-height: .27rem;
} */
</style>


